<template>
  <Modal
    v-model='isShowDeleteDialog'
    :title='title'
    @on-ok='ok'>
    <p>{{ content }}</p>
  </Modal>
</template>

<script>
export default {
  name: 'BaseModal',
  data() {
    return {
      title: null,
      content: null,
      isShowDeleteDialog: false,
      func: null
    }
  },
  methods: {
    show(title, content, func) {
      this.title = title
      this.content = content
      this.func = func
      this.isShowDeleteDialog = true
    },
    ok() {
      this.func && this.func()
    }
  }
}
</script>

<style scoped>

</style>